<%@ include file="/WEB-INF/views/public/include.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<!-- 页面编码 -->
	<meta charset="utf-8">
  	<!-- 手机浏览器禁止缩放, 页面大小默认为手机屏幕宽度 -->
  	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  	<!-- 允许IOS全屏显示网页 -->
  	<meta content="yes" name="apple-mobile-web-app-capable" />
  	<!-- 设置IOS状态栏为透明底色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<!-- 设置360浏览器渲染引擎为webkit -->
  	<meta name="renderer" content="webkit">
  	<!-- 设置APP标题 -->
  	<meta name="apple-mobile-web-app-title" content="青年电影志">
  	<!-- 关闭自动识别电话号码 -->
  	<meta name="format-detection" content="telephone=no">
	<!-- iPhone桌面图标 -->
	<link href="/resources/static/images/app-60@2x.png" sizes="120x120" rel="apple-touch-icon-precomposed">
  	<!-- 页面标题 -->
  	<title>修改资料</title>

  	<!-- 基本样式载入 -->
  	<link rel="stylesheet" href="/resources/static/css/ionicons.min.css">
	<link rel="stylesheet" href="/resources/static/css/public.css">
	<!-- 基本脚本载入 -->
	<script src="/resources/static/js/plugins.min.js"></script>
</head>
<body>
	<div id="app" class="site">
		<div class="bar bar-footer bar-primary">
			<nav class="bar-navigation">
				<a class="menu-item" href="/main/index">
					<i class="menu-icon ico-home"></i>
					<span class="menu-label">首页</span>
				</a>
				<a class="menu-item" href="/main/discovery">
					<i class="menu-icon ico-discovery"></i>
					<span class="menu-label">发现</span>
				</a>
				<a class="menu-item is-active">
					<i class="menu-icon ico-me"></i>
					<span class="menu-label">我的</span>
				</a>
			</nav>
			<!-- END .bar-navigation -->
		</div>
		<div id="content" class="site-content">
			<div class="inner">
				<form:form commandName="user" action="#" class="list-form">
					<div class="list-block list-block-bordered">
						<ul>
							<li class="js-touch">
								<div class="item-content item-link">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">头像</label>
											<img src="${user.picUrl}" class="avatar size-sm" alt="">
										</div>
									</div>
									<!-- END .item-inner -->
									<input type="file" class="item-upload">
								</div>
								<!-- END .item-content -->
							</li>
							<li class="js-touch">
								<div class="item-content">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">昵称</label>
											<form:input path="nickName" type="text" class="item-control" required="true"></form:input>
										</div>
									</div>
									<!-- END .item-inner -->
								</div>
								<!-- END .item-content -->
							</li>

							<li class="js-touch">
								<div class="item-content">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">性别</label>
											<form:select path="sex" class="item-control" required="true">
													<option value="1">男</option>
													<option value="0">女</option>
											</form:select>
										</div>
									</div>
									<!-- END .item-inner -->
								</div>
								<!-- END .item-content -->
							</li>
							<li class="js-touch">
								<div class="item-content">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">生日</label>
											<!--<input type="text" class="item-control" required>-->
											<form:input path="birthday" type="date"/>
										</div>
									</div>
									<!-- END .item-inner -->
								</div>
								<!-- END .item-content -->
							</li>
						</ul>
					</div>
					<!-- END .list-block -->
					<p>以下信息暂不允许修改，未认证用户请认证</p>
					<div class="list-block list-block-bordered">
						<ul>
							<li class="js-touch">
								<div class="item-content">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">真实姓名</label>
											<form:input path="realName" type="text" class="item-control" disabled="true" required="true"></form:input>
										</div>
									</div>
									<!-- END .item-inner -->
								</div>
								<!-- END .item-content -->
							</li>

							<li class="js-touch">
								<div class="item-content">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">所在城市</label>
											<form:select path="city" items="${cityMap}" disabled="true"></form:select>
										</div>
									</div>
									<!-- END .item-inner -->
								</div>
								<!-- END .item-content -->
							</li>
							<%--
							<li class="js-touch">
								<div class="item-content">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">所在行业</label>
											<input type="text" class="item-control" value="影视" required>
										</div>
									</div>
									<!-- END .item-inner -->
								</div>
								<!-- END .item-content -->
							</li>
							--%>
							<li class="js-touch">
								<div class="item-content">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">任职机构</label>
											<form:input path="company" type="text" class="item-control" disabled="true" required="true" />
										</div>
									</div>
									<!-- END .item-inner -->
								</div>
								<!-- END .item-content -->
							</li>
							<li class="js-touch">
								<div class="item-content">
									<div class="item-inner">
										<div class="item-form-group">
											<label class="item-control-label">职位</label>
											<form:input path="profession" type="text" class="item-control" disabled="true" required="true" />
										</div>
									</div>
									<!-- END .item-inner -->
								</div>
								<!-- END .item-content -->
							</li>
						</ul>
					</div>
					<!-- END .list-block -->
					<div class="wizard-form ml10 mr10 mt0 pt0">
						<div class="form-group">
							<label class="control-label">个人介绍<span>*</span></label>
							<form:textarea path="instruction" cols="30" rows="5" class="form-control" placeholder="最少100字" minlength="100" required="true"></form:textarea>
						</div>
						<!-- END .form-group -->
						<div class="form-group">
							<label class="control-label">相关作品链接<span>*</span></label>
							<form:textarea path="reference" cols="30" rows="5" class="form-control"></form:textarea>
						</div>
						<!-- END .form-group -->
					</div>
					<!-- END .wizard-form -->
					<div class="form-group ml10 mr10">
						<button type="submit" class="btn btn-primary btn-block" disabled="true">更新资料</button>
						<br>
						<br>
					</div>
					<!-- END .form-group -->
				</form:form>
				
			</div>
			<!-- END .inner -->
		</div>
		<!-- END #content -->
	</div>
	<!-- END #page -->
	<!-- 页面脚本载入 -->
	<script src="/resources/static/js/app.js"></script>
</body>
</html>